import React, { useState } from 'react'

// function App() {
//   const [ flag, setFlag ] = useState(false)
//   return (
//     <div>
//       { String(flag) }
//       <button onClick = { () => {
//         setFlag(!flag)
//       }}>切换</button>
//     </div>
//   )
// }
import { useToggle } from 'ahooks'
function App () {
  console.log(useToggle())
  // 数组的解构赋值
  const [state, { toggle }] = useToggle()
  return (
    <div>
      { String(state) }
      <button onClick = { () => toggle() }>切换</button>
    </div>
  )
}

export default App
